.employee-list {
  margin-top: 30px;
  margin-bottom: 30px;
  .list-header {
    height: 25px;
    border-bottom: 1px solid $brand-default;
    margin-bottom: 20px;
    .title {
      display: inline-block;
      line-height: 40px;
      background: #ffffff;
      padding-right: 20px;
      font-size: 18px;
    }
  }
  .list-content {
    > tbody > tr {
      border: none;
      > td {
        border: none;
      }
    }
    img {
      width: 40px;
      height: 40px;
      border-radius: 40px;
    }
    .nameimg{
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 40px;
      font-size: 16px;
    }
  }
}

.employee-edit {
  .edit-header {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid $brand-default;
    @include clearfix;
    input,
    select {
      height: 40px;
      padding: 0 10px;
      margin-left: 10px;
      margin-right: 10px;
      border-radius: 3px;
      border: 1px solid $brand-default;
      &:focus {
        outline: none;
      }
    }
    input {
      width: 320px;
    }
    .line-up {
      position: relative;
      top: -30px;
    }
    .user {
      font-size: 14px;
      .head {
        display: inline-block;
        vertical-align: middle;
        width: 60px;
        height: 60px;
      }
      .info {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
        p {
          line-height: 30px;
          margin: 0;
        }
      }
    }

    .operate {
      font-size: 14px;
      line-height: 60px;

      > a {
        display: inline-block;
        line-height: 30px;
        vertical-align: bottom;
      }
    }
  }

  .edit-intro {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid $brand-default;

    .intro-img {
      display: inline-block;
      vertical-align: middle;

      img{
        height: 90px;
        width: 90px;
      }
    }
    .intro-content{
      display: inline-block;
      vertical-align: middle;
      h2{
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 0;
      }
    }
  }

  .edit-content {
    .edit-title {
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 16px;

      .check {
        margin-left: 15px;
        color: $brand-primary;
        > a {
          font-size: 14px;
        }
      }
    }

    .edit-column {
      margin-bottom: 20px;
      line-height: 40px;
    }

    .checkbox-custom{
      line-height: 40px;
    }

    .control-title {
      line-height: 40px;
    }
  }

  .edit-footer {
    text-align: right;
  }
}

.info-edit{
  span.error{
    display: block;
    text-align: right;
    padding: 6px 15px;
  }
}
